<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>娇兰佳人-首页</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/tongyong.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/5.8.2/css/all.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="row-1">
                <div class="col-md-1">
                    <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                </div>
                <div class="t">
                    <span></span>
                </div>
                <div class="t1">
                    <span></span>
                </div>
                <div class="col-md-2">
                    <input type="search" placeholder="搜索 产品或品牌">
                    <a href=""><img src="img/sy-search.png" alt=""></a>
                </div>
                <div class="col-md-3 dt_nav_btn12" id="dt_nav_btn12">
                    <p><a href=""><img src="img/sy-name.png" alt=""> &nbsp;&nbsp;注册 | 登录</a></p>
                </div>
                <div class="col-2 dt_nav_content12" id="dt_nav_content12">
                    <a href=""><img src="img/sy-wx-1.png" alt=""></a>
                </div>
                <div class="col-md-3 dt_nav_btn13" id="dt_nav_btn13">
                    <p><a href=""><img src="img/sy-integral.png" alt=""> &nbsp;&nbsp;积分商城</a></p>
                </div>
                <div class="col-2 dt_nav_content13" id="dt_nav_content13">
                    <a href=""><img src="img/sy-wx-2.png" alt=""></a>
                </div>
                <div class="col-md-3">
                    <p><a href=""><img src="img/sy-physical-store.png" alt=""> &nbsp;&nbsp;实体店查询</a></p>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn" id="dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content" id="dt_nav_content">
                        <a href="">会员活动</a>
                        <a href="">会员权益</a>
                        <a href="">会员卡领取</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn1" id="dt_nav_btn1">
                    <ul>
                        <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content1" id="dt_nav_content1">
                        <p><a href="" class="a1">华北</a> <a href="" class="a2">
                            ：( 北京、天津、河北、山东、内蒙古【包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟】 )</a></p>
                        <p><a href=""  class="a1">东北</a><a href="">：( 辽宁、吉林、黑龙江 )</a></p>
                        <p><a href="" class="a1">华中</a><a href="">：( 湖北、河南 )</a></p>
                        <p><a href="" class="a1">华东</a><a href="">：( 上海、江苏、浙江、安徽 )</a></p>
                        <p><a href="" class="a1">西南（成都）</a><a href="">：( 四川【达州、南充、广安除外】、云南、西藏 )</a></p>
                        <p><a href="" class="a1">西南（重庆）</a><a href="">：( 重庆、贵州、四川【达州、南充、广安】、新疆 )</a></p>
                        <p><a href="" class="a1">西北</a><a href="">：( 陕西、甘肃、宁夏、青海、内蒙古【巴彦淖尔，鄂尔多斯地区，乌海】 )</a></p>
                        <p><a href="" class="a1">华南</a><a href="">：( 广东、广西、湖南、江西、福建、海南、山西 </a></p>

                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn2" id="dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content2" id="dt_nav_content2">
                        <a href="">REC</a>
                        <a href="">minilab</a>
                        <a href="">柏蕊诗</a>
                        <a href="">珂思蔻</a>
                        <a href="">贝肤泉</a>
                        <a href="">艾伊派</a>
                        <a href="">露芭缇</a>
                        <a href="">婷美•美肌</a>
                        <a href="">植物日记</a>
                        <a href="">卡雯</a>
                        <a href="">瓷律</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn3" id="dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content3" id="dt_nav_content3">
                        <a href="">达人show</a>
                        <a href="">美肌酵室</a>
                        <a href="">玩美彩妆</a>
                    </div>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4" id="dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content4" id="dt_nav_content4">
                        <a href="">加盟简介</a>
                        <a href="">加盟优势</a>
                        <a href="">加盟案例</a>
                        <a href="">加盟联系</a>
                    </div>
                </div>
                <div class="col-md-1 dt_nav_btn5" id="dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                    <div class="dt_nav_content5" id="dt_nav_content5">
                        <a href="">公司简介</a>
                        <a href="">品牌形象</a>
                        <a href="">企业社会责任</a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="nav-1">
        <div class="container1">

            <div class="row clearfix">
                <div class="col-md-1">
                    <ul>
                        <li class="li-1"><a href="index.html" class="a1">首页</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn">
                    <ul>
                        <li class="li-2"><a href="VIP.html" class="a1">会员专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn1">
                    <ul>
                        <li class="li-2"><a href="Must-bay.html" class="a1">必买清单</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn2">
                    <ul>
                        <li class="li-2"><a href="" class="a1">自有专供</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn3">
                    <ul>
                        <li class="li-2"><a href="Beautiful.html" class="a1">美丽课堂</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1">
                    <ul>
                        <li class="li-2"><a href="information.html" class="a1">资讯中心</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn4">
                    <ul>
                        <li class="li-2"><a href="Join-in.html" class="a1">加盟专区</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
                <div class="col-md-1 dt_nav_btn5">
                    <ul>
                        <li class="li-3"><a href="understand.html" class="a1">了解娇兰佳人</a><a href="" class="a2"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="banner" id="banner">
        <div class="container">
            <div class="swiper-container" id="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href=""><img src="img/sy-banner-img1.png" alt=""></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="img/sy-banner-img2.png" alt=""></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="img/sy-banner-img3.png" alt=""></a>
                    </div>
                    <div class="swiper-slide">
                        <a href=""><img src="img/sy-banner-img4.png" alt=""></a>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <!--<div class="swiper-pagination"></div>-->

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev" id="swiper-button-prev"></div>
                <div class="swiper-button-next" id="swiper-button-next"></div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="main-1 clearfix">
                <div class="col-1">
                <a href=""><img src="img/sy-main-1-img1.png" alt=""></a>
                </div>
                <div class="swiper-container">
                    <div class="swiper-wrapper" style="transform: translate3d(11px, 0px, 0px)">
                        <div class="swiper-slide"><img src="img/sy-main-1-img3.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img4.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img5.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img6.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img7.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img8.png" alt=""></div>
                        <div class="swiper-slide"><img src="img/sy-main-1-img10.png" alt=""></div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <div class="main-2">
                <div class="row-1">
                    <h2>会员专区 | <span> Gialen Member</span></h2>
                </div>
                <div class="row-2 clearfix">
                    <div class="col-md-1">
                        <ul>
                            <li><a href=""><img src="img/sy-main-2-btn1.png" alt=""> &nbsp;&nbsp;&nbsp;积分当钱花 <br> &nbsp;&nbsp;&nbsp;一百积分抵一元</a> </li>
                            <li><a href=""><img src="img/sy-main-2-btn2.png" alt="">  &nbsp;&nbsp;&nbsp;每日积分升值日 <br>  &nbsp;&nbsp;&nbsp;200积分抵29元</a></li>
                            <li><a href=""><img src="img/sy-main-2-btn3.png" alt="">  &nbsp;&nbsp;&nbsp;每月会员日 <br>  &nbsp;&nbsp;&nbsp;折上九折</a></li>
                        </ul>
                    </div>
                    <div class="col-md-2">
                        <ul>
                            <li><a href=""><img src="img/sy-main-2-img1.png" alt=""></a></li>
                            <li><a href=""><img src="img/sy-main-2-img2.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="col-md-3">
                        <ul>
                            <li><a href=""><img src="img/sy-main-2-btn4.png" alt=""> &nbsp;&nbsp;&nbsp;新会员特惠 <br>  &nbsp;&nbsp;&nbsp;尊享满立减</a></li>
                            <li><a href=""><img src="img/sy-main-2-btn5.png" alt="">  &nbsp;&nbsp;&nbsp;生日月 <br>  &nbsp;&nbsp;&nbsp;二倍积分</a></li>
                            <li><a href=""><img src="img/sy-main-2-btn6.png" alt="">  &nbsp;&nbsp;&nbsp;积分兑换 <br>  &nbsp;&nbsp;&nbsp;精彩礼品</a></li>
                            <li class="li-1"><a href="">进入会员专区>></a></li>
                            <li class="li-2"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="main-3">
                <div class="row-1">
                    <h2>必买清单 |  <span> Bestbuy List</span></h2>
                </div>
                <div class="row-2 dt_nav_btn6" id="dt_nav_btn6">
                    <p>选择促销地址 &nbsp;<a href="">华北 <img src="img/sy-main-3-btn1.png" alt=""></a></p>
                </div>
                <div class="dt_nav_content6" id="dt_nav_content6">
                    <p><a href="" class="a1">华北</a> <a href="" class="a2">
                        ：( 北京、天津、河北、山东、内蒙古【包头、阿拉善盟、呼和浩特、乌兰察布、锡林郭勒盟、赤峰、通辽、呼伦贝尔、兴安盟】 )</a></p>
                    <p><a href=""  class="a1">东北</a><a href="">：( 辽宁、吉林、黑龙江 )</a></p>
                    <p><a href="" class="a1">华中</a><a href="">：( 湖北、河南 )</a></p>
                    <p><a href="" class="a1">华东</a><a href="">：( 上海、江苏、浙江、安徽 )</a></p>
                    <p><a href="" class="a1">西南（成都）</a><a href="">：( 四川【达州、南充、广安除外】、云南、西藏 )</a></p>
                    <p><a href="" class="a1">西南（重庆）</a><a href="">：( 重庆、贵州、四川【达州、南充、广安】、新疆 )</a></p>
                    <p><a href="" class="a1">西北</a><a href="">：( 陕西、甘肃、宁夏、青海、内蒙古【巴彦淖尔，鄂尔多斯地区，乌海】 )</a></p>
                    <p><a href="" class="a1">华南</a><a href="">：( 广东、广西、湖南、江西、福建、海南、山西 </a></p>
                </div>
                <div class="row-3">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href=""><img src="img/sy-main-3-img1.png" alt=""></a>
                            </div>
                            <div class="swiper-slide">
                                <a href=""><img src="img/sy-main-3-img2.png" alt=""></a>
                            </div>
                        </div>
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
            </div>
            <div class="main-4" id="app">
                <div class="row-1">
                    <ul class="nav1 clearfix">
                        <li class="li-3"><a><img src="img/sy-bh-prev.png" alt=""></a></li>
                        <li class="li-2" v-for="fo in message">
                            <a href="">
                                <img :src="fo.pic" alt="">{{fo.wz}} <br>{{fo.br}}
                            </a>
                        </li>
                        <li class="li-3"><a><img src="img/sy-bh-next.png" alt=""></a></li>
                    </ul>
                </div>
                <div class="row-2">
                    <p><a href=""><img src="img/sy-more.png" alt=""></a><a href="">查看更多</a></p>
                </div>
            </div>
            <div class="main-5">
                <div class="row-1">
                    <h2>自有专供 |   <span> Gialen Ownbrand</span></h2>
                </div>
                <div class="row-2">
                    <div class="swiper-container">
                        <div class="swiper-wrapper" style="transform: translate3d(11px, 0px, 0px)">
                            <div class="swiper-slide"><img src="img/sy-main-5-img1.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-img2.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-img3.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-img4.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-img5.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-img6.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-tu1.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-tu2.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-tu3.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-tu4.png" alt=""></div>
                            <div class="swiper-slide"><img src="img/sy-main-5-tu5.png" alt=""></div>
                        </div>
                        <div class="swiper-button-prev">
                            <i class="fas fa-angle-left"></i>
                        </div>
                        <div class="swiper-button-next">
                        <i class="fas fa-angle-right"></i>
                    </div>
                    </div>
                </div>
                <div class="row-3">
                    <a href=""><img src="img/sy-main-5-dt.png" alt=""></a>
                </div>
                <div class="row-4 clearfix">
                    <div class="col-md-1">
                        <a><img src="img/sy-bh-prev.png" alt=""></a>
                    </div>
                    <div class="col-md-2 dt_nav_btn7" id="dt_nav_btn7">
                        <img src="img/sy-main-5-img7.png" alt="">
                    </div>
                    <div class="dt_nav_content7" id="dt_nav_content7">
                        <p class="p1">唇膏</p>
                        <p>芮客色界亚光唇膏</p>
                        <a href="">了解更多>></a>
                    </div>
                    <div class="col-md-3 dt_nav_btn8" id="dt_nav_btn8">
                        <img src="img/sy-main-5-img8.png" alt="">
                    </div>
                    <div class="dt_nav_content8" id="dt_nav_content8">
                        <p class="p1">气垫霜</p>
                        <p>DD光感气垫霜</p>
                        <a href="">了解更多>></a>
                    </div>
                    <div class="col-md-4 dt_nav_btn9" id="dt_nav_btn9">
                        <img src="img/sy-main-5-img9.png" alt="">
                    </div>
                    <div class="dt_nav_content9" id="dt_nav_content9">
                        <p class="p1">唇膏</p>
                        <p>芮客幻变心情唇膏</p>
                        <a href="">了解更多>></a>
                    </div>
                    <div class="col-md-5 dt_nav_btn10" id="dt_nav_btn10">
                        <img src="img/sy-main-5-img10.png" alt="">
                    </div>
                    <div class="dt_nav_content10" id="dt_nav_content10">
                        <p class="p1">气垫霜</p>
                        <p>DD光感气垫霜</p>
                        <a href="">了解更多>></a>
                    </div>
                    <div class="col-md-1">
                        <a> <img src="img/sy-bh-next.png" alt=""></a>
                    </div>
                </div>
                <div class="row-5">
                    <p><a href=""><img src="img/sy-more.png" alt=""></a><a href="">查看更多</a></p>
                </div>
            </div>
            <div class="main-6">
                <div class="row-1">
                    <h2>美丽资讯 | <span> Beauty News </span></h2>
                </div>
                <div class="row-2 clearfix">
                    <div class="col-6">
                        <div class="row-1">
                            <div class="col-1 cc-1">
                                <a href="" class="a1"><img src="img/sy-main-6-img1.png" alt="" class="i1">
                                <div class="zz-1">
                                    <div class="z1">
                                        <h3><a href=""><img src="img/sy-main-6-btn1.png" alt="">   &nbsp;达人秀</a></h3>
                                        <p><a href="">娇蜜学堂：减龄少女妆</a></p>
                                    </div>
                                </div>
                                </a>
                            </div>
                        </div>
                        <div class="row-2 clearfix">
                            <div class="col-1 cc-2">
                                <a href="">
                                    <img src="img/sy-main-6-img2.png" alt="">
                                    <div class="zz-2">
                                        <div class="z2">
                                            <a href="">玩美彩妆│秋冬趋势妆容教程</a>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="col-2 cc-3">
                                <a href="">
                                    <img src="img/sy-main-6-img3.png" alt="">
                                    <div class="zz-3">
                                        <div class="z3">
                                            <a href="">
                                                <p>玩美彩妆│摇滚“小黑”眼线笔，上山下海也不晕！</p>

                                            </a>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-6 c-1">
                        <div class="row clearfix">
                            <div class="col-md-1">
                                <a href="">
                                    <img src="img/sy-main-6-img4.png" alt="">
                                <div class="zz-4">
                                    <div class="z4">
                                        <h3><a href="">美肌酵室</a></h3>
                                        <p><a href="">美肌酵室| 乳液先行，秋冬护肤安敏有方</a></p>
                                    </div>
                                </div>
                                </a>
                            </div>

                            <div class="col-md-2">
                                <div class="r-1">
                                    <div class="swiper-container">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <a href=""><img src="img/sy-main-6-img5.png" alt=""></a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href=""><img src="img/sy-main-6-img6.png" alt=""></a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href=""><img src="img/sy-main-6-img7.png" alt=""></a>
                                            </div>
                                            <div class="swiper-slide">
                                                <a href=""><img src="img/sy-main-6-img8.png" alt=""></a>
                                            </div>
                                        </div>
                                        <!-- 如果需要分页器 -->
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                                <div class="r-2">
                                    <p class="p1"><a href="" class="a1">1.&nbsp; </a> <a href="" class="a2">捷报|美妆大咖现身分享柏蕊诗广州专场沙龙</a></p>
                                    <p class="p2"><a href="">2019-02-26</a></p>
                                    <p class="p3"><a href="" class="a1">2.&nbsp; </a> <a href="" class="a2">喜讯！熊虎老师获颁“新时代人物”奖项！柏蕊诗荣获“中国品牌榜化妆品行业影响力品牌”！</a></p>
                                    <p class="p4"><a href="">2019-01-14</a></p>
                                    <p class="p5"><a href="" class="a1">3.&nbsp; </a> <a href="" class="a2">REC全新代言人Ruth Bell率性诠释</a></p>
                                    <p class="p6"><a href="">2018-10-17</a></p>
                                    <p class="p7"><a href="" class="a1">4.&nbsp; </a> <a href="" class="a2">千人见证！美妆轻奢品牌BORAVIS柏蕊诗新品【黑钥匙】系列正式亮相发布</a></p>
                                    <p class="p8"><a href="">2018-10-17</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer-top">
                <div class="row-1 clearfix">
                    <div class="col-1">
                        <a href=""><img src="img/sy-header-img1.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11" id="dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn1.png" alt=""> &nbsp;关注微信</a>
                    </div>
                    <div class="dt_nav_content11" id="dt_nav_content11">
                        <i class="fas fa-caret-up"></i>
                        <a href=""><img src="img/sy-wx-3.png" alt=""></a>
                    </div>
                    <div class="col-2 dt_nav_btn11">
                        <a href=""><img src="img/sy-footer-btn2.png" alt="">  &nbsp;关注微博</a>
                    </div>
                    <div class="col-2" id="toTop">
                        <a href=""><img src="img/sy-footer-top-btn.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="footer-middle"></div>
            <div class="footer-bottom">
                <div class="row-1">
                    <ul class="nav1 clearfix">
                        <li class="li-2"><a href="">会员专区</a></li>
                        <li><a href="">必买清单</a></li>
                        <li><a href="">自有专供</a></li>
                        <li><a href="">美丽课堂</a></li>
                        <li><a href="">资讯中心</a></li>
                        <li><a href="">加盟专区</a></li>
                        <li class="li-1"><a href="">了解娇兰佳人</a></li>
                    </ul>
                </div>
                <div class="row-2">
                    <p>友情链接 :<a href="">柏蕊诗</a> <a href="">贝肤泉</a> <a href="">婷美美肌</a> <a href="">植物日记</a> <a
                            href="">Coscure珂思蔻</a> <a href="">瓷律</a></p>
                </div>
                <div class="row-3">
                    <p>热门词汇 :<a href="">连锁加盟</a> <a href="">曼秀雷敦</a> <a href="">新碧</a> <a href="">旁氏</a></p>
                </div>
                <div class="row-4">
                    <p>Copyright &copy; 2018  广州娇兰佳人化妆品连锁有限公司 版权所有 <a href=""> 粤ICP备14000798号-1</a> <a href=""><img src="img/sy-footer-btn3.png" alt=""></a><a href="">粤公网安备 44011102001848号</a></p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="js/vue.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/script.js"></script>
</html>